@charset 'utf-8';
@import 'sass/reset';
@import 'sass/function';
// index
/* work*/
.body{
    background:#fff;overflow: hidden;
    min-height: 100%;
}
.header{
    @include warp();background: #26368d;
    border-bottom: 2px solid #49559b;
  }
  .healeftbox{
    float: left;overflow: hidden;
    &>a{
        @include center(18px,#fff,40px,left,bold);float: left;
        padding:0 20px 0 6px;display: block;
        img{
          width: 30px;height: 26px;float: left;margin: 6px 6px 0 0;
        }
    }
    dl{
        float: left;
        a{
            width: 100px;height: 100%;float: left;display: block;
            @include center(12px,#fff,40px);
            cursor: pointer;
        }
        .heaactive{
            background: #0072c1;
        }
    }
  }
  .hearightbox{
    float: right;
    a{
        @include center(12px,#fff,40px);
        padding: 0 8px;
    }
  }
// content
#contentbox{
    @include warp(98%,auto,10px,0);
    border: 1px solid #aeb7c8;
}
.contitle{
    width: 100%;height: 32px;border-bottom: 1px solid #aeb7c8;
    @include center(12px,#666,32px,left);
    text-indent: 10px;background: #cfdbeb;
    // border: 1px solid #aeb7c8;
}
// 224198   01b1c1  b233b2   f0592c  39b249
.conscroll{
    @include warp(96%,90px,18px,14px);
    overflow-y: scroll;
    dl{
        width: 60px;float: left;overflow: hidden;
        margin-right: 18px;
        a{
            width: 60px;height: 60px;border-radius: 10px;
            background: #cfdbeb;display: block;
            position: relative;
            img{
                width: 40px;height: 40px;
                @include position();
            }
        }
        dd{
            @include center(12px,#333,30px);
        }
    }
}
// table
.formbox{
    @include warp(98%,auto,8px,8px);
}
.tabletop{
    @include warp(100%);
    div{
        float: right;
        overflow: hidden;
        p{
            display: inline-block;
            @include center(12px,#666,30px);
        }
        select{
            width: 120px;
        }
        button{
            padding: 2px 10px;border: 1px solid #eee;
            background: #cfdbeb;
            @include center(12px,#666,20px);
        }
    }
}
.tabtoptitle{
    float: left;padding: 2px 10px;border: 1px solid #eee;
    background: #cfdbeb;
    @include center(12px,#666,20px);
}
// tableform
.tabdivbox{
    overflow-x: scroll;padding: 8px 0 40px;

    td{
        border: 1px solid #aeb7c8;text-align: center;
        padding: 2px 0;
        span{
            padding:0 4px;white-space:nowrap;
            // height: 100%;width: 100%;
            @include center(12px,#222,24px);
        }
        input{
            margin: 4px 8px;
        }
        img{
            margin: 0 auto;
        }
    }
    select{
        width: 100%;border: none;height: 100%;
        @include center(12px,#666,20px);
    }
    thead tr{
        background: url(../images/tr6.gif) repeat-x;
    }
    tbody tr:nth-child(even){
        background: #efefef;
    }
}
.formtable{
    border-collapse: collapse;
    border: 1px solid #aeb7c8;
    // display: none;
}
.tableblock{
    display: table;
}
.tabbottom{
    @include warp(98%,auto,8px,8px);
    border: 1px solid #aeb7c8;
    dl{
        &:first-child{
            float: left;
        }
        &:last-child{
            float: right;
        }
        dt,dd{
            display: inline-block;padding: 5px;
        }
        dt{
            @include center(12px,#111,20px); 
        }
        dd a{
            @include center(12px,#374454,20px); 
            padding: 5px;
        }
    }
}
.formh2{
    @include warp(98%,auto,0,40px);
    height: 32px;border-bottom: 1px solid #c8dedb;
    @include center(12px,#666,32px,left);
    text-indent: 10px;background: #cfdbeb;
    border: 1px solid #aeb7c8;
}
// footer
.footer{
    width:100%;height:30px;background: #26368d;
    position: fixed;bottom: 0;left: 0;

}
.fooleft{
    width: 200px;height: 18px;margin: 7px 0 0 6px;
    float: left;background: #88ec96;
    @include center(12px,#333,18px);
}
.fooright{
    float: right;
    @include center(12px,#fff,18px);
    dl{
        height: 20px;width: 70px;background: #76b936;
        padding: 2px 2px 2px 5px;margin:3px 12px 3px 0;
        float: left;cursor: pointer;
        // display: inline-block;
        overflow: hidden;
    }
    dt{
        @include center(12px,#fff,18px);float: left;
    }
    dd{
        float: right;width: 20px;height: 20px;
        background: #fff;
    }
    span,b{
        display: block;float: left;
        padding: 5px 0;
    }
    b{
        padding-right: 12px;
    }
}